<?php 
	session_start();
	require("connect.php");
?>
<html><!-- InstanceBegin template="/Templates/temp01.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/home.css" />
<link rel="stylesheet" type="text/css" href="css/preview.css"/>
<link rel="stylesheet" type="text/css" href="css/wt-rotator.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.wt-rotator.min.js"></script>
<script type="text/javascript" src="js/preview.js"></script>
<style type="text/css">
<!--
.style1 {color: #e8e8e8}
-->
</style>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<style type="text/css">
<!--
.style1 {color: #e8e8e8}
-->
</style>
</head>

<body onLoad="Carousel()">
<div id="wrap">
	<div id="title">
		<div id="title01">
			<span><a href="register.php">Register </a>|<a href="cart.php"> My Cart </a>|<a href="login.php"> Login </a></span>
		</div>
	</div>
	<div id="header">
		<div id="searchform">
	    	<form action="Templates/search.php">
					<input type="text" name="s" value="" onKeyPress="this.style.backgroundColor='pink'" onBlur="this.style.backgroundColor='white'" onFocus="this.style.backgroundColor='pink'"/>
			</form>
		</div>
	</div>
	<div id="menu">
		<ul>
			<li><a href="index.php">TRANG CHỦ</a></li>
			<li><a href="introduce.php">GIỚI THIỆU</a></li>
			<li><a href="product_view.php">SẢN PHẨM</a></li>
			<li><a href="promotion.php">KHUYẾN MẠI</a></li>			
			<li><a href="tuvan.php">TƯ VẤN THIẾT BỊ</a></li>
			<li><a href="phanhoi.php">PHẢN HỒI</a></li>
		</ul>
   </div>
	<div id="slide01">
    		       
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div class="cap-title">
	
 	<div class="container">
        <div class="wt-rotator">
            <a href="#"></a>            
            <div class="desc"></div>
            <div class="preloader"></div>
            <div class="c-panel">
                <div class="buttons">
                    <div class="prev-btn"></div>
                    <div class="play-btn"></div>    
                    <div class="next-btn"></div>               
                </div>
                <div class="thumbnails">
                    <ul>
                        <li>
                            <a href="images/noithat05.jpg" title="nhatnghe.com"></a>
                            <a href="#"></a> 
                            <div style="left:495px; top:34px; width:150px;"> Nội thất vệ sinh cao cấp - Bền đẹp theo thời gian

                         </div>                         
                        </li>
                        <li>
                            <a href="images/noithat04.jpg" title="khoaphp@yahoo.com"></a>
                            <a href="#"></a>                       
                            <div style="left:25px; top:34px; width:160px;"> <span class="cap-title">Uy tín tạo dựng niềm tin</span></div>
                        </li>
                        <li>
                            <a href="images/noithat03.jpg" title="khoaphp@yahoo.com"></a>
                            <a href="#"></a>
                            <div style="left:495px; top:100px; width:160px;"> Luôn song hành cùng bạn
                          </div>                              
                        </li>
                        <li>
                            <a href="images/noithat02.jpg" title="nhatnghe.com"></a>
                            <a href="#"></a>                                                                               	
                        </li>
                        <li>
                            <a href="images/noithat01.jpg" title="khoaphp@yahoo.com"></a>   
                           <a href="#"></a>
                                                               	                   
                        </li>
                        <li>
                            <a href="images/noithat05.jpg" title="nhatnghe.com"></a>                  
                            <a href="#"></a>
                            <div style="left:80px; top:120px; width:130px;"><span class="cap-title"> Nội thất vệ sinh - Nội thất cao cấp - Luôn là sự lựa chọn hàng đầu của khách hàng</span></div>                                          	                          
                        </li>
                        <li>
                            <a href="images/noithat04.jpg" title="khoaphp@yahoo.com"></a>        
                           <a href="#"></a>                                                                     
                        </li>     
                        <li>
                            <a href="images/noithat03.jpg" title="nhatnghe.com"></a>                    
                            <a href="#"></a>
                            <div style="left:495px; top:34px; width:290px;"> <span class="cap-title">Sản phẩm đạt tiêu chuẩn chất lượng ISO. Sống mãi cùng thời gian</span></div>                             	                           
                        </li>     
                    </ul>
                </div>     
            </div>
        </div>	
  </div>
    </div>


<!------------------------------------- END OF THE CONTENT ------------------------------------------------->
	</div>
	<div id="subbanner">
		<div id="subbanner01">UY TÍN TẠO DỰNG NIỀM TIN </div>
		<div id="Ssubbaner02">SẢN PHẨM NỘI THẤT VỆ SINH CAO CẤP </div>
		<div id="subbaner03"><a href="khuyenmai.php" class="style1">KHUYẾN MẠI ĐẶC BIỆT </a></div>
  </div>
	<div id="banner02">
	<!---------------------------------------------BEGIN------------------------------------------------------------------>
		<script type="text/javascript">

/***********************************************
* Carousel Slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
	Create a div with transparent place holder in your html	
	<div id="Carousel" style="position:relative">
		<img src="placeholder.gif" width="404" height="202">
	</div>
	placeholder width:
		 4 sided: 1.42 * carousel image width + 3
		 6 sided: 2 * carousel image width +4
		 8 sided: 2.62 * carousel image width + 5
		12 sided: 3.87 * carousel image width + 7
	placeholder height: 
		carousel image height+2

	Insert onload in body tag
		<body onload="Carousel()">	
*********************************************************/

// 7 variables to control behavior
	var Car_Image_Width=230;
	var Car_Image_Height=180;
	var Car_Border=true;		// true or false
	var Car_Border_Color="white";
	var Car_Speed=4;
	var Car_Direction=true;		// true or false
	var Car_NoOfSides=12;		// must be 4, 6, 8 or 12

/* array to specify images and optional links. 
	For 4 sided carousel specify at least 2 images
	For 6 sided carousel specify at least 3
	For 8 sided carousel specify at least 4
	For 12 sided carousel specify at least 6
 If Link is not needed keep it ""
*/
	Car_Image_Sources=new Array(
		"images/2.jpeg","",
		"images/3.jpeg","http://www.javascriptkit.com",
		"images/5.jpeg","", //this slide isn't linked
		"images/6.jpeg","http://www.codingforums.com",// NOTE No comma after last line
		"images/7.jpeg","",
		"images/8.jpeg","http://www.javascriptkit.com",
		"images/9.jpeg","", //this slide isn't linked
		"images/10.jpeg","http://www.codingforums.com" // NOTE No comma after last line
		);

/***************** DO NOT EDIT BELOW **********************************/
	CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
	C_Coef=new Array(
		3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,	0,
		Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
	var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
	C_Pre_Img=new Array(Car_Image_Sources.length);
	var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
	C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

	function Carousel(){
		if(document.getElementById){
			for(i=0;i<Car_Image_Sources.length;i+=2){
				C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
			C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
			Car_Div=document.getElementById("Carousel");
			for(i=0;i<C_HalfNo;i++){
				CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);	
				CW_I[i].style.position="absolute";
				CW_I[i].style.top=0+"px";
				CW_I[i].style.height=Car_Image_Height+"px";
				if(Car_Border){
					CW_I[i].style.borderStyle="solid";
					CW_I[i].style.borderWidth=1+"px";
					CW_I[i].style.borderColor=Car_Border_Color}
				CW_I[i].src=Car_Image_Sources[2*i];
				CW_I[i].lnk=Car_Image_Sources[2*i+1];
				CW_I[i].onclick=C_LdLnk;
				CW_I[i].onmouseover=C_Stp;
				CW_I[i].onmouseout=C_Rstrt}
			CarImages()}}

	function CarImages(){
		if(!C_Stppd){
			C_TotalW=0;
			for(i=0;i<C_HalfNo;i++){
				C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
				C_TotalW+=C_ClcW[i]}
			C_LeftOffset=(C_MaxW-C_TotalW)/2;
			for(i=0;i<C_HalfNo;i++){
				CW_I[i].style.left=C_LeftOffset+"px";
				CW_I[i].style.width=C_ClcW[i]+"px";
				C_LeftOffset+=C_ClcW[i]}
			C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
			if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
				if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
				if(Car_Direction){
					CW_I[C_HalfNo]=CW_I[0];
					for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
					CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
					CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
				else{	for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
					CW_I[0]=CW_I[C_HalfNo];
					CW_I[0].src=Car_Image_Sources[C_CrImg];
					CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
				C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
		setTimeout("CarImages()",50)}

	function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
	function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
	function C_Rstrt(){C_Stppd=false}
</script>

<div id="Carousel" style="position:relative">
   <img src="Templates/placeholder.gif" width="900" height="200"></div>
<!--------------------------------------------------------------END----------------------------------------------------------------->
  </div>
  <div id="content">
  	<div id="content01">
		<div id="content011"></div>
		<div id="content0111"><!-- InstanceBeginEditable name="vung sua duoc" -->
		  <?php 
			$sql = "select * from product where pStatus = 1";
			$rs = mysql_query($sql) or die("error " .$sql);
		$i=1;
		echo "<table width=100% border=0 cellspacing=2>";
		while ($r = mysql_fetch_array($rs)){
			
			if ($i==1) {echo "<tr>";}
			
			echo "<td>";
			echo "<br><b class=title>".$r["pName"]."</b>";
			echo "<a href='../chitiet.php?pid={$r["pID"]}'><img src='images/phong-bontam/{$r["pImage"]}' width=180 border=0></a><br>";
			echo "<br><p class=price>".number_format($r["pPrice"],1,".",",")."</p><br>";
			echo "<a href='../giohang.php?action=add&pid={$r["pid"]}'><img src='images/cart.png' border='0'></a>";
			echo "</td>";
			$i = $i+1;
			
			if ($i == 4) {echo "</tr>";  break;}			
		}
		echo "</table>";
		?>
		<!-- InstanceEndEditable --></div>
	</div>
	<div id="content02"></div>
  </div>
  <div id="footer01">
  <center><a href="#">Design By H3TL&nbsp;Group3<br> Mọi thông tin chi tiết xin liên hệ: h3tl.itpro@gmail.com</a></center></div>
  <div id="footer02"></div>
</div>

</body>
<!-- InstanceEnd --></html>
